<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="style.css">
    <style>
        body{
            margin: 0;
        }
    </style>
</head>
<body>
    <div class="header">
        <img src="2.jpg" alt="">
    </div>
    <div class="nav">
        <div class="section">
            <ul class="left">
                <li>
                    <a href="#">首页</a><span>|</span>
                    <div class="download">
                        <img src="1.webp" alt="">
                        <p>gate</p>
                    </div>
                    <div class="stri"></div>
                </li>
                <li><a href="#">推荐</a><span>|</span></li>
                <li><a href="#">热门</a><span>|</span></li>
                <li><a href="#">番剧</a><span>|</span></li>
                <li><a href="#">国创</a><span>|</span></li>
                <li><a href="#">动画</a></li>
            </ul>
            <ul class="right">
                <li><a href="#">登录</a></li>
                <li><a href="#">注册</a></li>
                <li><a href="#">注销</a></li>
                <li class="cart">
                    <a href="#" ><p style="text-align: center;margin: auto;">我的收藏</p></a>
                    <div class="list">目前暂无收藏</div>
                </li>
            </ul>
        </div>
    </div>
    <div style="height: 70px;background: #fff;box-shadow: 0px 2px 2px;padding-top: 20px;">
        <div class="warp" style="width: 1440px;height: 50px; background-color: #fff; margin:0 auto;">
            <ul>
                <li><a href="">首页</a></li>
                <li><a href="">索引</a></li>
                <li><a href="">动态</a></li>
                <li><a href="">我的</a></li>
            </ul>
            <div class="search" style="height: 50px;width: 600px;float: right;">
                <input type="text" placeholder="search">
                <button>search</button>
            </div>
        </div>
    </div>
    <div class="tu">
        <div class="ei" style="height: 500px;width: 200px;background-color: #a8a5a5;">
            <ul>
                <li>
                    <a href="">时间跃迁的偏执狂</a>
                    <div class="ty">
                        <ul>
                            <li><span>双对福音的礼仪</span></li>
                            <li><span>亡失流转的孤独</span></li>
                            <li><span>永结回归的潘多拉</span></li>
                            <li><span>弹性界限的认知</span></li>
                            <li><span>二律背反的双重</span></li>
                        </ul>
                    </div>           
                </li>
                <li><a href="">不切实际的交汇</a></li>
                <li><a href="">蝴蝶翅膀的分歧</a></li>
                <li><a href="">美丽梦幻的永恒</a></li>
                <li><a href="">时空界限的教条</a></li>
                <li><a href="">形而上的死亡</a></li>
                <li><a href="">虚幻失真的复杂</a></li>
                <li><a href="">自我相似的两性体</a></li>
                <li><a href="">无限连锁的凋亡</a></li>
                <li><a href="">纯洁透明的星辰</a></li>               
            </ul>
        </div>782%3
        <img src="3.jpg" alt="">
    </div>
    <div class="ad" style="height: 200px; width: 1000px;margin: 0 auto;">
        <div class="x0" style="height: 200px; width: 200px; border: 1px solid black; ">
            <ul>
                <li class="q"><a href="">TV1</a></li>
                <li class="q"><a href="">TV2</a></li>
                <li><a href="">OVA1</a></li>
                <li><a href="">OVA2</a></li>
                <li><a href="">OVA3</a></li>
                <li><a href="">番外</a></li>
            </ul>
        </div>
        <div class="x1" style="height: 200px; width: 260px; border: 1px solid black; box-sizing: border-box;">
            <img src="4.jpg" alt="">
        </div>
        <div class="x2" style="height: 200px; width: 260px; border: 1px solid black; box-sizing: border-box;">
            <img src="5.jpg" alt="">
        </div>
        <div class="x3" style="height: 200px; width: 260px; border: 1px solid black; box-sizing: border-box;">
            <img src="6.jpg" alt="">
        </div>
    </div>
    <div class="contentt">
        <div class="wrapp">
            <h1>特典</h1>
            <div class="box-leftt">
                <img src="./7.jpg" alt="">
            </div>
            <div class="box-right">
                <div class="item"></div>
                <div class="item"></div>
                <div class="item"></div>
                <div class="item"></div>
                <div class="item"></div>
                <div class="item"></div>
            </div>
        </div>
    </div>
    <div style="height: 300px;width: 100%;margin-top: 100px;">
        <div class="wrap" style="width: 1000px;height: 300px;margin: 0 auto;">
            <div class="ggg" style="height: 70px;width: 100%;">
                <ul>
                    <li><a href="#">header</a></li>
                    <li><a href="#">nav</a></li>
                    <li><a href="#">seaction</a></li>
                    <li><a href="#">wrap</a></li>
                    <li><a href="#">footer</a></li>
                </ul>
            </div>
            <div class="bbb">
                <ul>
                    <li class="h"><a href="">工具箱</a></li>
                    <li><a href="">帮助</a></li>
                    <li><a href="">帮助</a></li>
                    <li><a href="">帮助</a></li>
                </ul>
                <ul>
                    <li class="h"><a href="">工具箱</a></li>
                    <li><a href="">帮助</a></li>
                    <li><a href="">帮助</a></li>
                    <li><a href="">帮助</a></li>
                </ul>
                <ul>
                    <li class="h"><a href="">工具箱</a></li>
                    <li><a href="">帮助</a></li>
                    <li><a href="">帮助</a></li>
                    <li><a href="">帮助</a></li>
                </ul>
                <ul>
                    <li class="h"><a href="">工具箱</a></li>
                    <li><a href="">帮助</a></li>
                    <li><a href="">帮助</a></li>
                    <li><a href="">帮助</a></li>
                </ul>
            </div>
        </div>
    </div>
</body>
</html>